<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.14.0/css/all.css" rel="stylesheet">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.3.2/styles/androidstudio.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/modules/Edu/app.css">

    <title>@yield('title',site()['title'])</title>

</head>
<body class="member front">

<div >
    @include('edu::layouts.header')
    <div class="{{route_class()}}">
        <div class="container">
            @include('layouts.message')
        </div>
        <div class="container mt-3 mb-5">
            <div class="row">
                <div class="col-sm-10 col-12 shadow-sm">
                    @yield('content')
                </div>
                <div class="col-sm-2 col-12 p-0 pt-2 p-sm-0">
                    <div class="icon bg-white shadow-sm border">
                        <a href="#">
                            <img src="{{user()->icon}}"
                                 style="width: 100%">
                        </a>
                        <div class="pt-0 p-3">
                            <h6 class="text-muted">{{user()->name}}</h6>
                            <hr>
                            <div class="d-flex justify-content-between text-muted">
                                <i aria-hidden="true" class="fa fa-envelope text-info"></i>
                                <i aria-hidden="true" class="fas fa-phone-square text-info"></i>
                                <i aria-hidden="true" class="fab fa-weibo "></i>
                                <i aria-hidden="true" class="fab fa-weixin "></i>
                                <i aria-hidden="true" class="fab fa-github "></i>
                                <i aria-hidden="true" class="fab fa-qq "></i>
                            </div>
                        </div>
                    </div>
                    <div class="card rounded shadow-sm bg-white mt-2">
                        <div class="card-body p-0">
                            <div class="list-group list-group-flush">
                                <a href="https://www.houdunren.com/edu/member/duration"
                                   class="list-group-item list-group-item-action text-secondary ">
                                    会员周期
                                </a>
                                <a href="{{route('edu.member.live.index')}}"
                                   class="list-group-item list-group-item-action text-secondary ">
                                    我的直播
                                </a>
                                <a href="https://www.houdunren.com/edu/member/order"
                                   class="list-group-item list-group-item-action text-secondary">
                                    我的订单
                                </a>
                                <a href="{{route('edu.member.topic.index')}}"
                                   class="list-group-item list-group-item-action text-secondary">
                                    我的贴子
                                </a>
                                <a href="{{route('edu.member.message.index')}}"
                                   class="list-group-item list-group-item-action text-secondary">
                                    站内消息
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>


    @include('edu::layouts.footer')
</div>


@stack('scripts')


<script src="{{mix('/modules/Edu/app.js')}}"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.3.2/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>
